    .nuxt-progress {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        width: 0;
        opacity: 1;
        transition: width .1s, opacity .4s;
        background-color: #3b8070;
        z-index: 999999
    }

    .nuxt-progress.nuxt-progress-notransition {
        transition: none
    }

    .nuxt-progress-failed {
        background-color: red
    }

    html {
        font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
        font-size: 16px;
        word-spacing: 1px;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        box-sizing: border-box
    }

    *,
    :after,
    :before {
        box-sizing: border-box;
        margin: 0
    }

    .button--green {
        display: inline-block;
        border-radius: 4px;
        border: 1px solid #3b8070;
        color: #3b8070;
        text-decoration: none;
        padding: 10px 30px
    }

    .button--green:hover {
        color: #fff;
        background-color: #3b8070
    }

    .button--grey {
        display: inline-block;
        border-radius: 4px;
        border: 1px solid #35495e;
        color: #35495e;
        text-decoration: none;
        padding: 10px 30px;
        margin-left: 15px
    }

    .button--grey:hover {
        color: #fff;
        background-color: #35495e
    }

    .orderShoppMinput[type=checkbox] {
        -webkit-appearance: none;
        height: .3rem;
        vertical-align: middle;
        width: .3rem;
        border: 1px solid #d4020c;
        border-radius: 50%;
        outline: 0;
        margin-left: .2rem
    }

    .orderShoppMinput[type=checkbox]:checked {
        background-position: -7.68px 0;
        background-position: -.48rem 0;
        /* background: #fff url(/_nuxt/img/orderShoppMinput.87160c4.png) no-repeat; */
        background-size: cover;
        outline: 0;
        border: none
    }

    .promotionTab {
        position: fixed;
        width: 100%;
        height: 50%;
        bottom: 0;
        left: 0;
        background-color: #fff;
        border-top: 1px solid #f0f0f0
    }

    .promotionBut {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        padding: .2rem 0;
        font-size: .28rem;
        color: #fff;
        background: #000
    }

    .promotionTabGoods {
        padding: .2rem
    }

    .promotionTabGoods img {
        height: 1.8rem
    }

    .promotionTabGoodsNum {
        width: 73%;
        height: 1.8rem;
        float: right;
        position: relative
    }

    .promotionTabGoodsNum p {
        position: absolute;
        left: 0
    }

    .promotionTabGoodsNum p:first-child {
        bottom: .4rem
    }

    .promotionTabGoodsNum p:nth-child(2) {
        bottom: 0
    }

    .description {
        display: inline-block
    }

    .description span:first-child {
        margin: 0 .1rem;
        padding: .02rem .2rem;
        background: #ec0000;
        color: #fff
    }

    .promotionTab ul li {
        margin: .1rem 0
    }

    .colorRed {
        color: red
    }

    .fontWeight700 {
        font-weight: 700
    }

    .cartGoodsColor span {
        display: inline-block
    }

    .icon2wantBuy {
        width: .2rem;
        height: .15rem;
        background-image: url(/_nuxt/img/icon2.2900d2b.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-left: .2rem;
        overflow: hidden;
        float: right;
        margin-top: .09rem
    }

    .cartGoodsColor {
        padding: .05rem .1rem;
        background: #eee;
        border-radius: .25rem;
        width: 76%
    }

    .cartGoodsSize {
        width: 26%
    }

    .cartGoodsColor span:first-child {
        max-width: 86%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all
    }

    .myCartGoods {
        margin-top: 2rem;
        padding-bottom: 2rem
    }

    .myCartGoods ul li {
        margin: .2rem auto
    }

    .singleCartGoods {
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
        position: relative
    }

    .singleCartGoods input {
        margin: auto .2rem
    }

    .myCartGoodsInfo {
        width: 55%;
        margin: .1rem .2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .cartGoodsPrice {
        position: absolute;
        right: 1.7rem;
        bottom: 0.1rem;
    }

    .wantBuy {
        right: .6rem;
        color: #fff;
        width: .6rem;
        height: .6rem;
        line-height: .6rem;
        text-align: center;
        background-image: url(/_nuxt/img/edit.3515bdd.png);
        background-repeat: no-repeat
    }

    .wantBuy,
    .wantBuys {
        position: absolute;
        bottom: .6rem
    }

    .wantBuys {
        right: 9.6px;
        border: 1px solid #000;
        padding: 3px;
        border-radius: 5px
    }

    .changeMyGoods {
        position: absolute;
        right: .9rem;
        top: .2rem;
        color: red
    }

    .deleteMyGoods {
        width: .3rem;
        height: .3rem;
        position: absolute;
        right: .3rem;
        top: .25rem;
        background-image: url();
        background-size: cover
    }

    .activeInfo {
        height: .6rem
    }

    .activeInfo p {
        height: 100%;
        line-height: .6rem;
        padding: 0 .3rem;
        color: red
    }

    .myCartGoToPay {
        background-color: #fff;
        width: 100%;
        position: fixed;
        bottom: 0;
        display: flex;
        justify-content: space-between
    }

    .cartPay,
    .chooseAllMyCart,
    .totalCartMoney,
    .totalCounts {
        height: 1rem;
        line-height: 1rem;
        text-align: center
    }

    .chooseAllMyCart span {
        margin-left: .4rem
    }

    .chooseAllMyCart {
        width: 18%
    }

    .totalCounts {
        width: 22%
    }

    .totalCartMoney {
        width: 35%
    }

    .cartPay {
        width: 25%;
        color: #fff;
        letter-spacing: .05rem
    }

    .det_setlist_box {
        width: 7.54rem;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto
    }

    .det_bot {
        width: 100%;
        height: 1rem;
        display: flex;
        position: fixed;
        bottom: 0;
        z-index: 10;
        font-size: .22rem
    }

    .det_bot>div {
        display: flex
    }

    .det_bot1 {
        width: 2rem;
        height: 100%;
        background-color: #fff;
        align-items: center;
        justify-content: space-around;
        padding: .4rem
    }

    .det_bot1>img {
        width: .36rem;
        height: .36rem
    }

    .det_z1 {
        width: 100%;
        text-align: center;
        margin-top: .27rem;
        font-size: .3rem
    }

    .det_z3_box {
        width: 100%;
        padding-top: .33rem;
        padding-bottom: .33rem;
        font-size: .22rem;
        border-top: 1px solid #bebebe;
        border-bottom: 1px solid #bebebe;
        display: flex;
        width: 7.54rem;
        margin: .39rem auto 0
    }

    .det_z3_1 {
        color: #949494
    }

    .det_z3_2 {
        margin-left: .44rem
    }

    .det_adds_box {
        width: 100%;
        height: 70%;
        margin: 0 auto;
        position: fixed;
        bottom: 1rem;
        z-index: 12
    }

    .det_adds {
        bottom: .08rem;
        width: 7.54rem;
        background-color: #fff;
        text-align: center;
        border: 1px solid #f0f0f0;
        position: absolute;
        left: 50%;
        margin: 0 auto 0 -3.77rem
    }

    .det_adds_img {
        width: 1.8rem;
        min-height: 2.4rem;
        margin: .6rem auto 0
    }

    .det_adds_title {
        font-size: .26rem;
        text-align: center
    }

    .colorTab,
    .sizeTab {
        margin: .5rem 0
    }

    .selectedCCC {
        color: #ccc
    }

    .colorTab>ul,
    .sizeTab>ul {
        list-style: none;
        padding: .11rem .23rem;
        margin-right: .2rem;
        margin-top: .2rem;
        overflow: hidden;
        font-size: .2rem;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        align-content: space-around
    }

    .det_adds_quantify {
        width: 52%;
        padding: 0 20px;
        margin: 0 auto;
        height: 1.55rem;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #f0f0f0;
        font-size: .3rem;
        float: left
    }

    .det_adds_quantify_btn1,
    .det_adds_quantify_btn2 {
        border: 0;
        width: .4rem;
        height: .4rem;
        line-height: .4rem;
        text-align: center;
        border-radius: 50%;
        background-color: #000;
        color: #fff
    }

    .noGoods {
        width: .8rem;
        position: absolute;
        top: .2rem;
        left: .7rem
    }

    .det_adds_quantify_inp1 {
        font-size: .2rem;
        text-align: center;
        border: 0
    }

    .goodsInfo {
        display: flex;
        justify-content: space-around;
        font-size: .3rem;
        width: 40%;
        margin-left: 30%
    }

    .nowPrice {
        color: red
    }

    .oldPrice {
        color: #a9a7a7;
        text-decoration: line-through
    }

    .colorInfo,
    .sizeInfo {
        float: left;
        height: .4rem;
        line-height: .4rem;
        margin: .1rem 0 0 .1rem;
        padding: 0 .1rem
    }

    .selectedColor {
        background-color: #000;
        color: #fff
    }

    .goodsStock {
        width: 30%;
        height: 1.55rem;
        font-size: .3rem;
        float: right;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .confirmBuy {
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        height: 1.1rem;
        line-height: 1.1rem;
        letter-spacing: 5px;
        background-color: #fff
    }

    .insideDiv {
        color: #fff;
        width: 94%;
        margin-left: 3%;
        margin-top: -6px
    }

    .closeTab {
        position: absolute;
        top: .1rem;
        right: .1rem;
        width: .3rem;
        height: .3rem;
        background-image: url();
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 11
    }

    .showMyTab {
        display: none
    }

    .cartGoodsTitle {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .noGoodsInfo {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .noGoodsInfo>div {
        width: 2.6rem;
        height: 2.6rem;
        background-size: cover;
        background-image: url(/_nuxt/img/bag.247efd4.png);
        margin-top: 4rem
    }

    .noGoodsInfo>p {
        font-size: 16px;
        margin-top: .3rem
    }

    .none {
        display: none
    }

    .det_staffPro {
        background-color: #fff;
        position: fixed;
        padding: 5%;
        width: 70%;
        top: 30%;
        z-index: 15;
        left: 15%;
        border: 1px solid #000
    }

    .det_staffPro h3 {
        font-size: .3rem;
        margin-bottom: .3rem
    }

    .det_staffPro p {
        font-size: .3rem;
        color: red;
        line-height: .5rem
    }

    .det_staffPro button {
        width: 50%;
        padding: .15rem 0;
        background: #000;
        color: #fff;
        border: none;
        margin-top: .3rem;
        outline: 0
    }

    .det_staffPro .det_staffPro2 {
        background-color: #bebebe
    }

    .cartGoodsCode i {
        color: red;
        font-style: normal
    }

    .LICK_ul li {
        width: 45%;
        margin-left: 3%;
        float: left
    }

    .LICK h3 {
        font-size: .4rem;
        font-weight: 700;
        text-align: center;
        padding: .2rem 0
    }

    .checkContent {
        display: flex
    }

    .wholeMask {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        z-index: 66;
        top: 1.2rem;
        left: 0
    }

    .deleTab {
        position: fixed;
        top: 30%;
        left: 50%;
        transform: translateX(-50%);
        width: 70%;
        height: 3.6rem;
        border-radius: 8px;
        background-color: #fff;
        z-index: 88;
        text-align: center;
        letter-spacing: 1px;
        overflow: hidden
    }

    .tipsContent {
        width: 100%;
        height: 2.6rem;
        padding: .5rem 0
    }

    .tipsDes {
        margin-top: .5rem;
        font-size: .26rem
    }

    .btnContent {
        height: 1rem;
        border-top: 1px solid #000;
        display: flex;
        justify-content: space-around
    }

    .singleBtn {
        flex: 1;
        height: 100%;
        line-height: 1rem
    }

    .commonFont {
        font-size: .3rem
    }

    .addToFavourite {
        background-color: #000;
        color: #fff
    }

    .hed {
        position: fixed;
        top: 0;
        width: 100%;
        height: 1.2rem;
        display: flex;
        justify-content: center;
        border-bottom: 1px solid #f2f2f2;
        justify-content: space-around;
        z-index: 10;
        background-color: #fff
    }

    .hed_box {
        width: 95%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .hed_box img:first-of-type {
        width: 2.53rem
    }

    .hed_box_1 .img1 img,
    .img1 {
        width: .5rem;
        height: .32rem;
        float: left
    }

    .img2 {
        width: .39rem;
        height: .39rem;
        margin-left: .23rem
    }

    .hed_box_1 .img2 img {
        width: .43rem;
        height: .43rem
    }

    .hed_box_2 {
        justify-content: space-around
    }

    .hed_box_2 a:nth-of-type(2) {
        width: .38rem;
        height: .45rem;
        margin-right: .24rem
    }

    .hed_box_2 a:first-of-type {
        width: .49rem;
        height: .43rem;
        margin-right: .24rem
    }

    .hed_box_2 a img {
        display: block;
        width: 100% !important;
        height: 100% !important
    }

    .hed_box img:first-of-type {
        float: left
    }

    .indexLogo {
        margin-left: .3rem
    }

    .opt {
        opacity: 0
    }

    .wholeMask {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5)
    }

    .closeMask {
        width: .9rem;
        height: .9rem;
        background: url(/_nuxt/img/close.3b73ec5.png) no-repeat;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin: .8rem 0 0 50%;
        transform: translateX(-50%)
    }

    .newCustomerHelp {
        width: 78%;
        margin: 3rem 0 0 11%;
        text-align: center;
        padding: .5rem .1rem
    }

    .helpTitle {
        font-size: .36rem;
        letter-spacing: 1px
    }

    .specialRed {
        border-radius: 22px;
        padding: 0 4px;
        display: inline-block;
        height: 22px;
        line-height: 22px
    }

    .specialTips {
        height: 30px;
        line-height: 30px;
        font-size: .26rem;
        margin-top: .1rem
    }

    .imgContent {
        width: 100%;
        text-align: center;
        margin-top: .5rem
    }

    .qrImg {
        width: 46%
    }

    .h5Remind,
    .wechatRemind {
        width: 100%;
        padding: .2rem .1rem;
        font-size: .26rem;
        margin-top: .5rem
    }

    .wechatRemind {
        text-align: center
    }

    .clickCopy {
        border-radius: 22px;
        padding: 0 4px;
        display: inline-block;
        height: 22px;
        line-height: 22px
    }

    .marginTop01 {
        margin-top: .24rem
    }

    .folService {
        width: 78%;
        height: 8rem;
        margin: 2.6rem 0 0 11%;
        background-image: url(http://cdn.bestseller.com.cn/assets/h5/FOL/image/folBG.png);
        background-repeat: no-repeat;
        background-size: 100%;
        position: relative
    }

    .folQr img {
        width: 46%;
        position: absolute;
        left: 50%;
        bottom: 1rem;
        transform: translateX(-50%)
    }

    .setPhone a {
        display: block;
        width: 94%;
        height: .64rem;
        position: absolute;
        left: 3%;
        top: 2rem
    }

    .details_t {
        width: 100%;
        height: .8rem;
        top: 1.2rem;
        position: fixed;
        background-color: #fff;
        z-index: 9
    }

    .details_t_box {
        margin: 0 auto;
        width: 7.5rem;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .details_t_box_img1 {
        width: .18rem;
        height: .33rem
    }

    .details_t_box_img2 {
        width: .34rem;
        height: .35rem
    }